// pages/feedback/index.js
import {cosupimg, showta, showtoas} from "../../utils/util";

Page({

    /**
     * 页面的初始数据
     */
    data: {
        navlist:[
            {
                id:1,
                name:'体验问题',
                isselect:true
            },{
                id:2,
                name:'商品、商家投诉',
                isselect:false
            }
        ],
        imgarr:[],//提交的图片
        feebtext:''//提交的文本
    },
    //Nav点击改变
    bindchangitem(e){
        let res=this.data.navlist.filter((item)=>{
            if(item.id===e.detail.id){
                item.isselect=true
            }else{
                item.isselect=false;
            }
            return item;
        })
        this.setData({
            navlist:res
        })
    },
    //删除点击的图片
    async changeimg(e) {
        //弹出提示框
        let res=await showtoas({
            title: '是否删除该反馈截图',
            mask: true
        });
        //保存原理的图片数组
        let imgarr=this.data.imgarr;
        //判断点的是确认还是取消
        if(res.confirm==true){
            //点击的是确认的话就删除该数组的指定下标
            imgarr.splice(e.detail.index,1);
            this.setData({
                imgarr: imgarr
            });
        }else{
            wx.showToast({
                title:'删除失败！',
                type:'error'
            })
        }
    },
    //选择图片+
    upimg(){
        //保存this
        let that =this
        //官方的选择图片 可以是拍 || 手机相册
        wx.chooseImage({
            success(res){
                that.setData({
                    //给图片设置临时的图片路径
                    imgarr:[...that.data.imgarr,...res.tempFilePaths]
                })
            }
        })
    },
    //点击图片预览
    prvimg(e){
        /*console.log(e.detail.index);*/
        wx.previewImage({
            //当前预览的图
            current:this.data.imgarr[e.detail.index],
            //需要预览的数组
            urls:this.data.imgarr
        })
    },
    //多行文本输入
    handtext(e){
        //设置输入的内容
        this.setData({
            feebtext:e.detail.value
        });
        /*console.log(this.data.feebtext);*/
    },
    //点击提交按钮
    async feebsubmit() {
        //获取原来的图片数组
        let chooseImage = this.data.imgarr;
        //文本内容
        let feebtext = this.data.feebtext;
        //判断文本域是不是为空
        if (!feebtext.trim()) {
            wx.showToast({
                title: '反馈的内容不能为空！',
                icon: 'none',
                mask: true
            });
            return;
        };
        wx.showLoading({
            title: '正在上传...',
            mask: true
        });
        //有图片
        if (chooseImage.length != 0) {
            //循环遍历
            for (const item of chooseImage) {
                //下标
                const i = chooseImage.indexOf(item);
                //截取到文件的名字
                let filename = item.substr(item.lastIndexOf('/') + 1);
                //上传到云存储
                let res = await cosupimg(filename, item);
                console.log(res);
                //判断状态
                if(i===chooseImage.length-1 && res.statusCode===200){
                    wx.hideLoading();
                    wx.showToast({
                        title:'提交成功',
                        icon:'success',
                        mask:true
                    })
                    //重新赋值
                    this.setData({
                        feebtext:'',
                        imgarr:[]
                    });
                    //返回上一个界面
                    setTimeout(()=>{
                        wx.navigateBack({
                            delta:1,
                            mask:true
                        });
                    },1500);
                };
            }
        }else{
            //只提交文字
            wx.showToast({
                title:'提交成功！',
                icon:'success',
                mask:true
            });
            //返回上一个界面
            wx.navigateBack({
                delta:1
            })
        }
    },
    /**
     * 生命周期函数--监听页面加载
     */
    onLoad: function (options) {

    },

    /**
     * 生命周期函数--监听页面初次渲染完成
     */
    onReady: function () {

    },

    /**
     * 生命周期函数--监听页面显示
     */
    onShow: function () {
    },

    /**
     * 生命周期函数--监听页面隐藏
     */
    onHide: function () {

    },

    /**
     * 生命周期函数--监听页面卸载
     */
    onUnload: function () {

    },

    /**
     * 页面相关事件处理函数--监听用户下拉动作
     */
    onPullDownRefresh: function () {

    },

    /**
     * 页面上拉触底事件的处理函数
     */
    onReachBottom: function () {

    },

    /**
     * 用户点击右上角分享
     */
    onShareAppMessage: function () {

    }
})
